<template>
  <view style="width: 690rpx;background: url(https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/%E5%9B%BE%E5%B1%82%20567%402x.png) no-repeat;background-size: 100% 100%;margin-bottom: 26rpx;box-sizing: border-box;padding: 24rpx 30rpx 36rpx;position: relative;">
				<view style="overflow: hidden;" class="flex justify-between">
					<view class="flex items-center">
						<view style="width: 80rpx;">
							<image :src="item.logo_image" style="width: 80rpx;height: 80rpx;display: block;" mode=""></image>
						</view>
						<view class="flex items-center pl30 data_item">
							<view class="w-120 tac">
								<view class="text_num flex items-center justify-center"><text class="fs32">{{item.views_num || 0}}</text> <text class="text_unit fs24">人</text></view>
								<text class="text_title fs24">浏览量1</text>
							</view>
							<view class="w-120 tac">
								<view class="text_num fs32"><text class="fs32">{{item.attention_num || 0}}</text></view>
								<text class="text_title fs24">关注数</text>
							</view>
							<view class="w-120 tac">
								<view class="text_num fs32 flex items-center justify-center"><text class="fs32">{{item.attention_num || 0}}</text> <text class="text_unit fs24">次</text></view>
								<text class="text_title fs24">联系次数</text>
							</view>
						</view>
					</view>
					<view>
						<image src="@/static/index/icon_share.png" style="width: 48rpx;height: 48rpx;display: block;" mode=""></image>
					</view>
				</view>
				<view class="mt20">
					<view>
						<view style="line-height: 40rpx;color: #000000;font-size: 36rpx;font-weight: 600;" class="yihang">
							{{item.name || ''}}
						</view>
						<view style="color: #999999;font-size: 22rpx;margin-top: 16rpx;line-height: 30rpx;" class="sanhang">
							<view class="flex justify-between">
								<text v-if="item.special_manage!=3">主营：</text>
								<text v-if="item.special_manage==3">生产线：</text>
								<view class=""  @click="openReport" style="color: #999;font-size: 22rpx;line-height: 60rpx;text-align: right;">
									举报
								</view>
							</view>
							<!-- <text v-if="item.special_manage!=3">主营：</text>
							<text v-if="item.special_manage==3">生产线：</text> -->
							<text v-if="item.special_manage!=3">{{item.manage || '暂无主营'}}</text>
							<text v-if="item.special_manage==3">{{item.process_text || '暂无生产线'}}</text>
						</view>
					</view>
					<!-- <view style="width: 15%;float: left;text-align: right;padding-top: 10rpx;">
						<text style="background: linear-gradient(0deg, #C18C26 0%, #E1AC4E 100%);color: #FFFFFF;font-size: 22rpx;padding: 2rpx 10rpx;">
							认证
						</text>
					</view> -->
				</view>
				<view style="line-height: 40rpx;color: #999999;font-size: 24rpx;margin-top: 20rpx;width: 85%;">
					<text class="iconfont icon-dizhi1" style="color: #999999;font-size: 26rpx;"></text>
					{{item.address || ''}}
				</view>
				 <!-- #ifdef MP-WEIXIN -->
				<text class="iconfont icon-zhuanfa" style="position: absolute;top: 50%;right: 30rpx;transform: translateY(-50%);font-size: 40rpx;"></text>
				<button open-type="share" style="position: absolute;top: 50%;right: 30rpx;transform: translateY(-50%);opacity: 0;width: 20rpx;height: 20rpx;" type="default"></button>
				<!-- #endif -->

				<view style="width: 100%;">

					<!-- <view style="display: flex;line-height: 80rpx;font-size: 24rpx;">
						<view style="flex: 1;color: #999999;">
							管理员：{{item.admin_user.name}}
						</view>
						<view @click="phone" style="flex: 2;color: #999999;text-align: right;">
							电话：{{item.admin_user.mobile}}
						</view>
					</view> -->
					<view style="margin:30rpx 0 0;overflow: hidden;">
						<image v-for="(item,index) in item.views_user" :key='index' :src="item" class="tou" mode=""></image>
						<text style="color: #666666;font-size: 24rpx;line-height: 54rpx;float: right;">{{item.views_num || 0}}人看过</text>
					</view>
				</view>
			</view>
</template>
<script>
export default {
  name: 'companyDetail',
  props: {
    item: {
      type: Object,
      default: () => ({})
    }
  },
	methods: {
		openReport() {
			this.$emit('openReport')
		}
	},
}

</script>
<style lang="scss" scoped>
.data_item {
	.text_num {
		line-height: 48rpx;
		color: #262D2C;
	}
	.text_title {
		line-height: 36rpx;
		color: #ABAFB3;
	}
	.text_unit {
		color: #ABAFB3;
	}
}
.tou{
	width: 54rpx;
	height: 54rpx;
	float: left;
	border-radius: 50%;
	margin-left: -20rpx;
}
</style>